<script>
import { tempDivider } from '@/mixins/mobile'

export default {
  name: 'AppDividerV2',
  mixins: [tempDivider]
}
</script>

<template>
  <div class="custom-body" :style="borderStyle">
    <div class="body-custom" :style="bodyStyle">
      <div v-if="type === 2" class="custom-article" :style="{ fontSize: size + 'px'}">
        {{ title }}
      </div>
      <div v-if="type === 1" class="custom-article-image">
        <el-image :src="baseURL + image" />
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.custom-body {
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  .body-custom {
    width: 100%;
    height: 100%;
    position: relative;
    .custom-article {
      width: 100%;
      line-height: 40px;
      text-indent: 1px;
      font-weight: bold;
    }
    .custom-article-image {
      width: 100%;
      height: 100%;
      overflow: hidden;
      .el-image {
        height: 100%;
      }
    }
  }
}
</style>
